export default {
    computed: {
        nameList() {
            return this.$store.state.nameList;
        }
    },

    template: `
    <div>
        <p>列表页面</p>
        <div v-for="item in nameList" @click="toDetail(item.firstName)">{{item.name}}</div>
    </div>
    `,
    // 1.在list页面获取数据，并跳转到detail页面
    // 2.在list页面只定义跳转的页面  到detail页面获取router的数据姓 再获取数据进行展示
    

    methods: {
        toDetail(firstName) {
            this.$router.push({
                name: "detail",
                query: {
                    xing:firstName,
                }
          })  
        },
    },
}